<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
	<rich:panelMenu activeItem="#{demoNavigator.currentDemo.id}">
		<c:forEach items="#{demoNavigator.groups}" var="gr">
			<rich:panelMenuGroup label="#{gr.name}"
				rightExpandedIcon="#{gr.newItems ? '/images/icons/new-ic.gif' : null}"
				rightCollapsedIcon="#{gr.newItems ? '/images/icons/new-ic.gif' : null}">
				<c:forEach items="#{gr.demos}" var="d">
					<rich:panelMenuItem label="#{d.name}" action="#{d.id}"
						mode="client" name="#{d.id}"
						rightIcon="#{(d.newItems || gr.newItem) ? '/images/icons/new-small-ic.gif' : null}"
						onclick="document.location.href='#{facesContext.externalContext.requestContextPath}/richfaces/component-sample.jsf?demo=#{d.id}&amp;skin=#{skinBean.skin}'">
					</rich:panelMenuItem>
				</c:forEach>
			</rich:panelMenuGroup>
		</c:forEach>
	</rich:panelMenu>
</ui:composition>
